@charset "UTF-8";
@import "base/constants";

.foods-wrap {
  > ul {
	display: flex;
	flex-direction: column;
	> li {
	  display: flex;
	  flex-direction: row;
	  padding: getRem(15);
	  padding-right: getRem(30);
	  border-bottom: 1px solid $borderLineColor;

	  // 商品图片设置
	  > img {
		border-radius: getRem(10);
		width: getRem(198);
		height: getRem(138);
	  }

	  div {
		h3 {
		  font-weight: normal;
		}
		p {
		  margin-top: getRem(25);
		  color: $secondFontColor;
		}

		// 商品简介设置
		&:nth-child(2) {
		  padding-top: getRem(30);
		  padding-left: getRem(18);
		  align-items: center;
		  flex: 1;
		}

		// 按钮设置
		&:nth-child(3) {
		  display: flex;
		  align-items: center;

		  button {
			width: getRem(142);
			height: getRem(68);
			background: url("../images/add-btn-bg.png") no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
			color: $primaryFontColor;
		  }

		  // 添加状态

		  // 已添加状态
		  .added {
			background: url("../images/added-btn-bg.png") no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
		  }
		}
	  }

	}
  }

  // 商品总价及提交
  .food-info {
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	padding: getRem(100) 0;
	div {
	  &:nth-child(1) {
		h3 {
		  font-weight: normal;
		  em {
			color: $secondFontColor;
		  }
		}
	  }

	  &:nth-child(2) {

		width: getRem(200);
		height: getRem(68);
		background: url("../images/commit-btn-bg.png") no-repeat;
		text-align: center;
		-webkit-background-size: cover;
		background-size: cover;
		display: flex;
		flex-direction: column;
		button {
		  line-height: getRem(68);
		  justify-content: center;
		  color: $primaryFontColor;
		}
	  }
	}
  }
}